import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store/index.js'
import router from '@/router'

const request = axios.create({
  // 实现服务器代理,不要直接访问目标地址换成相对路径
  // 完整地址
  // baseURL: 'http://ihrm-java.itheima.net/api'
  // 拦截的地址,相对于当前服务器的地址
  baseURL: '/api'
})
// 定义请求拦截器
request.interceptors.request.use(config => {
// Do something before request is sent
  if (store.state.user.token) {
    // 注意 'Bearer ' 单词后面有空格
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
}, error => {
// Do something with request error
  return Promise.reject(error)
})

// 对返回的数据做拦截,每一次返回的数据我们都要做处理

request.interceptors.response.use(response => {
  // 在发送响应之前做一些事情
  // console.log('成功', response)
  const { data: { success, data, message }} = response
  // 判断请求是否成功
  if (success) {
    // 如果成功了,返回数据
    return data
  } else {
    Message.error(message)
    // 在响应拦截器,里面产生一个错误,通过冒泡错误,阻止页跳转
    throw new Error(message)
  }
// return response;
}, error => {
// 做一些响应错误的事情
  // console.log('失败', error)
  // 通过console.dir 查看错误的结构
  console.dir(error)
  if (error.response && error.response.status === 401) {
    // 跳转登录页面
    store.dispatch('user/logout')
    // 跳转登录页面
    router.push('/login')
  }
  Message.error('服务器异常请稍后再试')
  return Promise.reject(error)
})

export default request
